/*搜索输入框*/
.search-input {
    width: 90%;
    border: 0;
    margin-top: 10px
}

/*搜索输入框按钮*/
.search-input-button {
    height: 40px;
    width: 10%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #F5F7FA;
}

/*搜索类型卡片*/
.search-type-card {
    width: 70%;
    text-align: left;
}

/*搜索类型文字*/
.search-type-text {
    display: inline-block;
    width: 80px;
    text-align: center;
}

/*具体搜索卡片*/
.search-card {
    width: 70%;
}

/*医生结果列表*/
.docker-list {
    width: 70%;
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    justify-content: flex-start;
}

/*医生信息卡片div*/
.docker-card-div {
    margin-top: 10px;
    width: calc(50%);
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

/* 根据元素数量，动态调整医生卡片宽度 */

@media (max-width: 2560px) {
    .docker-card-div {
        width: calc(33.33%);
    }
}

@media (max-width: 1920px) {
    .docker-card-div {
        width: calc(50%);
    }
}

@media (max-width: 830px) {
    .docker-card-div {
        width: calc(100%);
    }
}

/* 医生信息卡片 */
.docker-card {
    height: 150px;
    width: calc(100% - 10px);
    display: flex; /* 使用 Flexbox 布局 */
    align-items: center; /* 垂直居中 */
    border: 2px solid #EBEEF5; /* 设置黑色边框 */
    box-shadow: 5px 5px 5px #d3d1d1; /* 设置灰色阴影 */
}

/* 医生信息卡片 左侧*/
.docker-card-left {
    flex: 1;
    width: 120px;
    padding: 0 10px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

/* 医生信息卡片 头像*/
.docker-img {
    width: 100px;
    height: 100px;
}

/* 医生信息卡片 右侧*/
.docker-card-right {
    width: calc(100% - 120px);
    flex: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 左对齐 */
}

/*医生信息卡片 右上*/
.docker-card-right-up {
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: center;
}

.docker-card-right-up div {
    width: 50%;
    height: 20px; /* 设置高度 */
    display: flex;
    align-items: flex-start; /* 左对齐 */
}

.docker-card-right-up div span,
.docker-card-right-up div b {
    display: inline-block; /* 转换为块级元素以支持宽度和高度的设置 */
    height: 20px; /* 设置高度 */
    text-align: left;
    white-space: nowrap; /* 防止换行 */
    overflow: hidden; /* 超出部分隐藏 */
}

/*医生信息卡片 右中*/
.docker-card-right-middle {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-start; /* 左对齐 */
}

.docker-card-right-middle-disease {
    display: inline-block; /* 转换为块级元素以支持宽度和高度的设置 */
    width: 100%;
    height: 40px; /* 设置高度 */
    overflow: hidden; /* 超出部分隐藏 */
    text-align: left;
}

/*医生信息卡片 右下 评分*/
.docker-card-right-score {
    height: 20%;
}

.page-class .el-input__inner {
    margin: 0;
}
